Api.datastatistics(creagecarva)

function creagecarva(data,sumarr) {
    var datalenght = Object.keys(data).length //获取到的对象长度
    var divdata=[
        {
          list1:'鱼塘总数量(块)：',
          list2:'各二级地类数量'
        },
        {
          list1:'主体类型分布：',
          list2:'类型说明'
        },
        {
            list1:'辖区鱼塘总产值(万)：',
            list2:'各二级地类产值'
        },
        {
            list1:'鱼塘总面积(亩)：',
            list2:'各二级地类面积'
        }
      ]
    var canva_box = document.querySelector("#canva_box")
    for (let i = 0; i < datalenght; i++) {
        odiv = ` <div class="canva">
    <div id="container${i}" style="height: 100%"></div>
</div> `
        canva_box.insertAdjacentHTML("beforeend", odiv)        
    }
    var datearr= Object.keys(data)
    datearr.forEach((time,index) => {
        ces(data,time)
        function ces(obj,k){
            for (const key in obj) {
                if (Object.hasOwnProperty.call(obj, k)) { //判断 对象中是否纯在K值 
                    const ele = obj[k];
                    dome(`container${index}`, divdata[index].list1+sumarr[index] , divdata[index].list2,ele) 
                    return ele
                }
            }

        }
    });
}













function dome(my, val1, val2,list) {
    var dom = document.getElementById(my);
    var myChart = echarts.init(dom);
    var app = {};

    var option;

    option = {
        title: {
            text: val1,
            subtext: val2,
            left: 'left'
        },

        series: [{
            name: '访问来源',
            type: 'pie',
            radius: '50%',
            data:list,
            //  [{
            //         value: 1048,
            //         name: '桂城街道'
            //     },
            //     {
            //         value: 735,
            //         name: '鱼塘2'
            //     },
            //     {
            //         value: 580,
            //         name: '鱼塘3'
            //     },
            //     {
            //         value: 484,
            //         name: '鱼塘4'
            //     },
            //     {
            //         value: 300,
            //         name: '鱼塘5'
            //     },
            //     {
            //         value: 200,
            //         name: '鱼塘6'
            //     },
            //     {
            //         value: 200,
            //         name: '鱼塘7'
            //     }
            // ],
            emphasis: {
                itemStyle: {
                    shadowBlur: 10,
                    shadowOffsetX: 0,
                    shadowColor: 'rgba(0, 0, 0, 0.5)'
                }
            }
        }]
    };

    if (option && typeof option === 'object') {
        myChart.setOption(option);
    }
}



